Change Blindness in UX: Definition變更失明在使用者體驗中的定義
什麼是變更失明?
變更失明是指當場景的變化發生在使用者注意力範圍之外時,人們傾向於忽略這些變化。即使是明顯的變化,如果沒有強烈的提示或位於關注焦點之外,也可能被忽視。
心理學背景
在心理學研究中,變更失明透過以下實驗得以展現:
實驗設計
- 參與者依次檢視兩張複雜場景圖片。
- 圖片之間插入短暫的空白螢幕。
- 第二張圖片與第一張略有不同(如物體大小、顏色或元素增減)。
結果
- 許多參與者需要反覆檢視 20 到 40 次才能識別出變化。
- 原因:視覺短暫中斷(“閃爍效應”)使人無法輕易察覺場景的差異。
變更失明在介面設計中的體現
1 互動操作後的變化使用者觸發動作後,通常專注於預期變化的區域。例如,在移動應用中點選選單按鈕後,使用者會集中注意選單展開的區域,而忽略螢幕其他部分的變化。
案例:Aldiko 應用.使用者點選“漢堡選單”後,選單區域的變化吸引了全部注意力。

右上角的“搜尋”圖示替換了原按鈕,但因位置不在使用者焦點範圍內而未被注意。
2 頁面滾動中的浮動按鈕:半持久導航欄或浮動按鈕在頁面滾動時出現,但因頁面滾動動作佔據視覺注意力,這些元素容易被忽略。
案例:紐約時報(NYTimes)使用者向上滾動頁面時,頂部導航欄出現。但導航欄的顏色和設計不夠顯眼,導致使用者可能無法注意到。
3 錯誤訊息或通知:錯誤提示或導航欄的變化因位置或樣式問題被忽視,例如通知顯示速度過快,或與背景融合度過高。
如何預防變更失明?
1. 減少競爭性變化:避免在同一時間觸發多個視覺變化,確保使用者注意力不會被分散。
例如,將搜尋圖示固定在可見區域,而非動態出現。
2. 將變化集中在同一區域:將所有相關變化組合在螢幕的同一區域,避免使用者注意力被分散到其他位置。
案例最佳化:將搜尋功能放入展開的選單中。
3. 使用動畫引導使用者注意力:利用動畫顯示變化,但要避免螢幕上出現多個動畫同時播放。動畫需簡潔明確,以引導使用者的視覺焦點。
4. 突出變化區域:透過高對比度顏色或陰影效果,突出變化區域,吸引使用者注意。
案例最佳化:紐約時報.改善導航欄的視覺設計,使其與頁面內容區分開,提升可見性。
5. 在使用者焦點附近顯示新元素:在使用者當前操作區域附近顯示變化,例如將“返回頂部”按鈕放置於頁面底部。